<!doctype html>
<!-- <html lang="en" id="index" v-cloak> -->
<html lang="en" id="index">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <title>爱的约定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index_list.css">
</head>
<body>
    <div class='common-header'>
        <div class='left'>
            <a href="">
                <i class='iconfont icon-left'></i>
            </a>
        </div>
    <div class="middle">信息公告</div>
</div>

    <div class='banner'>
        <img src="../../img/info_list_bg.png">
    </div>

    <div class='info-list'>
        <ul>
            <li class='info-item'>
                <img src="../../img/item3.png">
                <div class='content'>
                    <div class='words'>找个对你知冷知热的人很重要</div>
                    <p>
                        <span>2016-12-15</span>
                        <i>123人次浏览</i>
                    </p>
                </div>
            </li>
            <li class='info-item'>
                <img src="../../img/item3.png">
                <div class='content'>
                    <div class='words'>找个对你知冷知热的人很重要</div>
                    <p>
                        <span>2016-12-15</span>
                        <i>123人次浏览</i>
                    </p>
                </div>
            </li>
            <li class='info-item'>
                <img src="../../img/item3.png">
                <div class='content'>
                    <div class='words'>找个对你知冷知热的人很重要</div>
                    <p>
                        <span>2016-12-15</span>
                        <i>123人次浏览</i>
                    </p>
                </div>
            </li>
            <li class='info-item'>
                <img src="../../img/item3.png">
                <div class='content'>
                    <div class='words'>找个对你知冷知热的人很重要</div>
                    <p>
                        <span>2016-12-15</span>
                        <i>123人次浏览</i>
                    </p>
                </div>
            </li>
            <li class='info-item'>
                <img src="../../img/item3.png">
                <div class='content'>
                    <div class='words'>找个对你知冷知热的人很重要</div>
                    <p>
                        <span>2016-12-15</span>
                        <i>123人次浏览</i>
                    </p>
                </div>
            </li>
        </ul>
    </div>
</body>
</html> 